<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		
		<title>Must Do Before Die</title>
		
		<meta name="viewport" content="width=device-width; initial-scale=1.0" />
		<link rel="stylesheet" href="css/jquery.mobile-1.3.2.css" />
		<script type="text/javascript" charset="utf-8" src="js/cordova-2.9.0.js"></script>
		<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
	   	<script type="text/javascript" src="js/jquery.mobile-1.3.1.min.js"></script>
		<script type="text/javascript" charset="utf-8" src="js/library.js"></script>
		<script type="text/javascript">		
		
			$(document).on('pageinit', function(){
				//alert(22);
				//window.location.href = "make.html";
				//window.location.href="listByCategory.html?category=1";
			});
		
			
		 </script>
	</head>
<body style="text-align:center;">

<div  data-role="page" id="index"> 
	<div  data-role="header"><img src="images/img-logo.jpg" height="80" width="80"/></div> 
	<div  data-role="content">
		<table style="width: 100%">
			<tr><td></td></tr>
			<tr>
				<td>
					<br>
					Must do Before die
				</td>
			</tr>
			<tr>
				<td>			
					&nbsp;
				</td>
			</tr>
			<tr>
				<td>		
					<button onclick="window.location.href='list.html'">View People's Musts!!</button>
				</td>
			</tr>
			<tr>
				<td>	
					<button onclick="window.location.href='make.html'">I Must do!!!</button>		
				</td>
			</tr>
		</table>
	</div> 
	<div  data-role="footer" data-position="fixed">
		<button class="button-main-small" onclick="exitAPP();">Exit</button>
	</div>
</div>
</body>
</html>